<template>
    <div class="share">
        <div class="content" v-html="content">
                    
        </div>
        <div style="height:10px;"></div>
    </div>
</template>

<script>
import { Toast,List,Dialog  } from 'vant';
import {getService} from '@/api/public'
export default {
    name:'service',
    components:{
        [Toast.name]:Toast,
    },
    data(){
        return{
            content:'',//协议内容
        }
    },
    created(){
       this.getService();//用户协议
    },
    methods:{
        getService(){
            getService().then(res => {
                if(res.code == 200){
                    this.content = res.data;
                }else {
                    Toast(res.msg)
                }
            })
        },
    }
}
</script>

<style lang="stylus" scoped>
*{
    font-family:'微软雅黑';
    color:#666;
}
 .share{
   .content{
       padding :.266667rem;
       font-size :.4rem;
       h1{
           text-align :center;
           font-size :.533333rem;
           font-weight :bold;
           line-height :1.466667rem;
       }
       h2{
           font-size :.426667rem;
           font-weight :bold;
            line-height :.746667rem;
       }
       p{
           font-size :.346667rem;
           line-height :.746667rem;
           &.p1{
               text-indent :20px;
           }
           span{
               font-weight :bold;
           }
       }
   }
}    
</style>